<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>全球冠状病毒数据统计</title>

    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/assets/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/assets/css/ace.min.css" />
    <link rel="stylesheet" href="/assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="/assets/css/ace-ie.min.css" />
    <script src="/assets/js/html5shiv.js"></script>
    <script src="/assets/js/respond.min.js"></script>

    <script src="http://ajax.useso.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="http://ajax.useso.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

<div class="main-container" id="main-container">

    <div class="main-container-inner">
        <a class="menu-toggler" id="menu-toggler" href="#">
            <span class="menu-text"></span>
        </a>


        <div th:replace="/common/sidebar :: sidebar"></div>


        <div class="main-content">
            <div class="breadcrumbs" id="breadcrumbs">
                <div class="nav-search" id="nav-search">
                    <form class="form-search" action="/CoronaVirusData/findRegionStatsByKey" method="get">
								<span class="input-icon">
									<input type="text" name="key" placeholder="查询" class="nav-search-input" id="nav-search-input" autocomplete="off" />

								</span>
                    </form>
                </div><!-- #nav-search -->
            </div>

            <div class="page-content" >
                <div class="page-header">
                    <h1 style="color: black">
                        截至今日的总病例数
                            <i class="icon-double-angle-right"></i>
                           <span th:text="${sum_1}"></span>
                    </h1>
                    <br/>
                    <h1 style="color: black">
                        较前日新增总病例数
                            <i class="icon-double-angle-right"></i>
                            <span th:text="${sum_2}"></span>
                    </h1>
                    <br/>
                    <h1 style="color: black">
                        当前数据收集日期
                        <i class="icon-double-angle-right"></i>
                        <span>
                           <script type="text/javascript">
                                 var date = new Date();
                                 document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate() - 1));
                           </script>
                        </span>
                    </h1>
                </div><!-- /.page-header -->
            </div>

            <div class="page-content">
                <table id="sample-table-1" class="table table-striped table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>州/省</th>
                        <th>国家</th>
                        <th>报告病例总数</th>
                        <th>自上一天以来的变化</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr th:each="a:${allList}">
                        <td id="state" th:text="${a.state}"></td>
                        <td id="country" th:text="${a.country}"></td>
                        <td id="latestTotalCases" th:text="${a.latestTotalCases}"></td>
                        <td id="diffFromPrevDay" th:text="${a.diffFromPrevDay}"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>


    </div>
</div>



<script type="text/javascript">
    window.jQuery || document.write("<script src='/assets/js/jquery-2.0.3.min.js'>"+"<"+"script>");
</script>
<script type="text/javascript">
    window.jQuery || document.write("<script src='/assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
</script>
<script type="text/javascript">
    if("ontouchend" in document) document.write("<script src='/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
</script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/typeahead-bs2.min.js"></script>
<script src="/assets/js/excanvas.min.js"></script>
<script src="/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="/assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="/assets/js/jquery.slimscroll.min.js"></script>
<script src="/assets/js/jquery.easy-pie-chart.min.js"></script>
<script src="/assets/js/jquery.sparkline.min.js"></script>
<script src="/assets/js/flot/jquery.flot.min.js"></script>
<script src="/assets/js/flot/jquery.flot.pie.min.js"></script>
<script src="/assets/js/flot/jquery.flot.resize.min.js"></script>
<script src="/assets/js/ace-elements.min.js"></script>
<script src="/assets/js/ace.min.js"></script>
</body>
</html>